<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天猫首页----闫慧敏</title>
    <link type="text/css" rel="stylesheet" href="css/cat.css">
</head>
<body>
<div style="min-width: 1200px">
<!--广告栏的部分-->
<div id="adv"></div>
        <!--这是页面导航条部分-->
        <div id="logo">
            <div id="logo-nav">
                <div class="container">
                    <p id="nav-left">
                        <span style="margin-left: 50px">瞄，欢迎来天猫</span>
                        <a href="#">请登录</a>
                        <a href="#">免费注册</a>
                    </p>
                    <ul id="nav-right">
                        <li id="active"><a href="#" class="act"> 我的淘宝
                            <span class="up"></span><span class="bottom"></span>
                        </a>
                        <div id="mybuy">
                            <p><a href="">已买到的宝贝</a></p>
                            <p><a href="">已卖出的宝贝</a></p>
                        </div>
                        </li>
                        <li><a href="#">
                            <i class="icon1"></i>
                            我关注的品牌
                        </a></li>
                        <li><a href="#">
                            <i class="icon2"></i>购物车0件
                        </a></li>
                        <li id="collection">
                            <a href="#" class="actv">收藏夹
                                <span class="up"></span><span class="bottom"></span>
                            </a>
                            <div id="collect">
                                <p><a href="">收藏的宝贝</a></p>
                                <p><a href="">收藏的店铺</a></p>
                            </div>
                        </li>
                        <li id="telephone"><a href="#">
                            <i class="icon3"></i>手机版
                        </a>
                        <div id="app">
                            <img src="../img/img%20(11).png" alt=""/>
                        </div></li>
                        <li><a href="#">淘宝网</a></li>
                        <li><a href="#">企业购</a></li>
                        <li id="business"><a href="#" class="bus">商家支持
                            <span class="up"></span><span class="bottom"></span>
                        </a>
                        <div id="support">
                            <div style="margin-left: 10px">
                            <h4>商家：</h4>
                            <ul style="border-bottom: 1px dashed gray;margin-top: 5px">
                                <Li><a href="#">商家中心</a></Li>
                                <Li><a href="#">商家入驻</a></Li>
                                <Li><a href="#">运营服务</a></Li>
                                <Li><a href="#">商家品控</a></Li>
                                <Li><a href="#">商家工具</a></Li>
                                <Li><a href="#">商家规则</a></Li>
                                <Li><a href="#">天猫智库</a></Li>
                                <Li><a href="#">喵言喵语</a></Li>
                            </ul></div>
                            <div style="border-bottom: 1px dashed gray;margin-left: 10px">
                               <h4>帮助：</h4>
                                <p><a href="#">帮助中心</a></p>
                            </div>
                        </div>
                        </li>
                        <li id="internet"><a href="#" class="int">
                            <i class="icon4"></i>
                            网站导航
                            <span class="up"></span><span class="bottom"></span>
                        </a>
                        <div id="navigation">
                             <div id="hot">
                                 <h2 style="color: #fa8500;">热点推荐 Hot</h2>
                                 <ul>
                                     <li><a href="">天猫超市</a></li>
                                     <li><a href="">喵先生</a></li>
                                     <li><a href="">科技新品
                                         <img src="../img/img1.gif" alt="" class="sign"/>
                                     </a></li>
                                     <li><a href="">女装新品
                                        <img src="../img/img2.gif" alt="" class="sign"/></a></li>
                                     <li><a href="">酷玩街</a></li>
                                     <li><a href="">内衣新品
                                        <img src="../img/img2.gif" alt="" class="sign"/>
                                     </a></li>
                                     <li><a href="">适美妆</a></li>
                                     <li><a href="">运动新品</a></li>
                                     <li><a href="">时尚先生
                                         <img src="../img/img2.gif" alt="" class="sign"/>
                                     </a></li>
                                     <li><a href="">精明妈咪</a></li>
                                     <li><a href="">吃乐会
                                         <span class="sign" style="right: 10px"><img src="../img/img1.gif" alt=""/>
                                     </span></a></li>
                                     <li><a href="">企业采购</a></li>
                                     <li><a href="">会员积分</a></li>
                                     <li><a href="">天猫国际</a></li>
                                 </ul>
                             </div>
                            <div id="market">
                                <h2 style="color: #2263d4">行业市场 Market</h2>
                                <ul>
                                    <li><a href="">美妆</a></li>
                                    <li><a href="">电器</a></li>
                                    <li><a href="">女装
                                        <img src="../img/img2.gif" alt="" class="sign2"/>
                                    </a></li>
                                    <li><a href="">男装
                                        <img src="../img/img2.gif" alt="" class="sign2"/>
                                    </a></li>
                                    <li><a href="">女鞋</a></li>
                                    <li><a href="">男鞋</a></li>
                                    <li><a href="">内衣
                                        <img src="../img/img2.gif" alt="" class="sign2"/>
                                    </a></li>
                                    <li><a href="">箱包</a></li>
                                    <li><a href="">运动</a></li>
                                    <li><a href="">母婴</a></li>
                                    <li><a href="">家装</a></li>
                                    <li><a href="">医药</a></li>
                                    <li><a href="">食品</a></li>
                                    <li><a href="">配饰
                                        <img src="../img/img1.gif" alt="" class="sign2"/>
                                    </a></li>
                                    <li><a href="">汽车</a></li>
                                </ul>
                            </div>
                            <div id="brand">
                                <h2 style="color: #595656">品牌风尚 Brand</h2>
                                <ul>
                                    <li><a href="">尚天猫</a></li>
                                    <li><a href="">大牌街</a></li>
                                    <li><a href="">潮牌结</a></li>
                                    <li><a href="">天猫原创</a></li>
                                    <li><a href="">什么牌子好</a></li>
                                </ul>
                            </div>
                            <div id="help">
                                <h2 style="color: #666666">服务指南 Help</h2>
                                <ul>
                                    <li><a href="">帮助中心</a></li>
                                    <li><a href="">品质保障</a></li>
                                    <li><a href="">特色服务</a></li>
                                    <li><a href="">7天退换货</a></li>
                                </ul>


                            </div>
                        </div>


                        </li>
                    </ul>
                </div></div>
            <div id="logo-navbar">
               <div id="cat">
                   <img src="../img/img3.gif" alt=""/>
               </div>
                 <div id="search">
                     <form action="#" style="border-width: 2px 0 2px 2px">
                         <label for="sea"></label>
                         <div id="strap">
                             <div id="out-input">
                             <input type="text" id="sea"/>
                             </div>
                             <label for="sea" class="fashion">
                                 巨时髦的毛呢外套</label></div>
                         <button type="submit" class="sub">搜索</button>
                     </form>
                     <ul id="up-down" style="margin-top: 15px">
                         <li><a href="">羽绒服</a></li>
                         <li style="width: 40px">
                             <a href="">零食</a></li>
                         <li><a href="">四件套</a></li>
                         <li><a href="">洗衣机</a></li>
                         <li><a href="">电视机</a></li>
                         <li style="width: 65px"><a href="">保暖内衣</a></li>
                         <li style="width: 40px">
                             <a href="">靴子</a></li>
                         <li>
                             <a href="">打底裤</a></li>
                         <li style="border: none">
                             <a href="">双肩包</a></li>
                     </ul>
                 </div>
            </div>
        </div>



    <!-- 右侧的信息条-->
<div id="rightbar">
    <a href="#" class="purplecat">
        <img src="../img/purplecat.png"></a>
    <p class="bar-map">
        <span class="metting">会场导航
            <span style="color: rgb(140, 28, 255);" class="fix">◆</span>
        </span>
        <a href="#"><img src="../img/nav.png"></a>
    </p>
    <p class="bar-special">
        <a href="#">
            <span class="mysp">我的特权
            <span class="fix">◆</span></span>
            <img src="../img/index8.png">
        </a>
    </p>
    <div class="outer-buycar">
        <div class="bar-buycar">
            <span></span>
            <p>购物车</p>
        </div>
    </div>
    <ul class="bar-smallicon">
        <li>
            <span class="mymoney">我的资产
            <span class="fix">◆</span></span>
        </li>
        <li>
            <span class="mymoney">我关注的品牌
            <span class="fix">◆</span></span>
        </li>
        <li>
            <span class="mymoney">我的收藏
            <span class="fix">◆</span></span>
        </li>
        <li>
            <span class="mymoney">我看过的
            <span class="fix">◆</span></span>
        </li>
        <li>
            <span class="mymoney">我要充值
            <span class="fix">◆</span></span>
        </li>
        <li>
         <span class="mymoney" id="favourable">
             <img src="../img/img%20(18).png" alt="" style="width:100px; height:100px;margin-top: 45px"/>
             <img src="../img/fiirst.png" alt="" width="130px"; height="30px"/>
         <span class="fix1" style="color: #f5392e">◆</span></span>
        </li>
        <li class="hid">
            <span class="mymoney">返回顶部
            <span class="fix">◆</span></span>
        </li>
    </ul>
</div>
</div>
</body>
</html>